<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>VUE 第一季（first season）</title>
</head>
<body>
    <h1>hello VUE</h1>
    <br>
    <h3>第一季：走进VUE</h3>
    <ol>
        <li><a href="./example/helloVue.html">1、Hello VUE</a></li>   
        <li><a href="./example/directive.html">2、VUE 指令 v-if、 v-else、v-show computed(计算) 数组和数组对象的循环 排序</a></li>  
        <li><a href="./example/vtext.html">v-text,v-html</a></li>  
        <li><a href="./example/v-on.html">v-on：绑定事件监听器</a></li>  
        <li><a href="./example/v-model.html">v-model指令</a></li>    
        <li><a href="./example/v-bind.html">v-bind 是处理HTML中的标签属性的，</a></li>      
    </ol>
    <h3>第二季：全局API</h3>
    <ol>
        <li><a href="./example/v-directive.html">1、vue-directive 自定义指令</a></li>   
        <li><a href="./example/v-extend.html">2、vue-extend 构造器实例扩展</a></li>  
        <li><a href="./example/vue-life.html">3、Vue的生命周期（钩子函数）</a></li>  
        <li><a href="./example/v-template.html">4Template 制作模版</a></li>  
        <li><a href="./example/v-component.html">5Component1初识组件</a></li> 
        <li><a href="./example/v-component1.html">6、Component2组件绑定属性通过props</a></li>    
        <li><a href="./example/v-component2.html">7、Component父子组件关系</a></li>  
        <li><a href="./example/v-component3.html">第8节：Component 标签</a></li>  
    </ol>
    <h3>第三季：vueJS的选项</h3>
    
    <ol>
        <li><a href="./example/vuepropsData.html">第1节：propsData Option  全局扩展的数据传递</a></li> 
        <li><a href="./example/vuecomputed.html">第2节：computed Option  计算选项</a></li>      
             
    </ol>
</body>
</html>